<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="ctx" value="${pageContext.request.contextPath }"></c:set>
<!DOCTYPE html>
<html>

<head>
<title>赛事</title>
<meta charset="utf-8">
<link href="${ctx}/css/framework/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="${ctx }/css/index.css">
<link rel="stylesheet" type="text/css" href="${ctx }/css/match.css">
</head>

<body data-id="${match.match_id }">
	<c:import url="nav.jsp"></c:import>
	<div class="container">
		<ol class="breadcrumb">
			<li><a href="${ctx}/toHome">首页</a></li>
			<li><a href="${ctx }/match_list.html">赛事展示</a></li>
			<li class="active">赛事详情</li>
		</ol>
		<div id="side_nav" class="col-md-2">
			<nav class="nav2">
				<ul class="list">
					<li><a href="#match_last_news" title="最新动态">最新动态</a></li>
					<li><a href="#match_profile" title="赛事简介">赛事简介</a></li>
					<li><a href="#match_award" title="奖项设立">奖项设立</a></li>
					<li><a href="#match_contact" title="联系方式">联系方式</a></li>
					<li><a href="#match_process" title="赛事流程">赛事流程</a></li>
					<li><a href="#match_unit" title="主办单位">主办单位</a></li>
					<li><a href="#match_support" title="主办单位">赞助单位</a></li>
				</ul>
			</nav>
		</div>
		<div class="col-md-10">
			<div class="match_title">
				<h1>${match.match_name }</h1>
				<c:if test="${match.state eq 1 }">
					<button class="sign_up_btn" id="sign">报名参赛</button>
				</c:if>
				<c:if test="${match.state eq 2 }">
					<button class="sign_up_btn">报名结束</button>
				</c:if>
				<c:if test="${match.state eq 3 }">
					<button class="sign_up_btn">比赛结束</button>
				</c:if>
			</div>
			<div class="match_cover">
				<img src="${match.cover }" alt="" width="1000px" height="650px">
			</div>
			<div class="match_news">
				<div id="match_last_news">
					<h2>最新动态</h2>
					<p>${match.match_content.last_news }</p>
				</div>
				<div id="match_profile">
					<h2>赛事简介</h2>
					<p>${match.match_content.profile }</p>
				</div>
				<div id="match_award">
					<h2>奖项设立</h2>
					<p>${match.match_content.award }</p>
				</div>
				<div id="match_contact">
					<h2>联系方式</h2>
					<p>${match.match_content.contact }</p>
				</div>
				<div id="match_process">
					<h2>赛事流程</h2>
					<p>${match.match_content.process }</p>
				</div>
				<div id="match_unit">
					<h2>主办单位</h2>
					<p>${match.match_content.unit }</p>
				</div>
				<div id="match_support">
					<h2>鸣谢、广告、赞助单位</h2>
					<p>${match.match_content.support }</p>
				</div>
				<div id="match_support">
					<h2>附件：</h2>
					<p>
						<c:if test="${not empty match.file_url}">
							<a class="btn btn-private btn-lg"
								href="${ctx}/download?fileName=${match.file_url}">下载报名表</a>
						</c:if>
					</p>
				</div>
			</div>
		</div>

	</div>
	<c:import url="footer.jsp"></c:import>
</body>
<script type="text/javascript" src="${ctx }/js/framework/jquery.min.js"></script>
<script type="text/javascript" src="${ctx }/js/sign_match.js"></script>


</html>